﻿body {
	margin: 0px;
	background: #000000;
	font: 12px "Trebuchet MS", Verdana, Sans-serif;
	color: #E5E5E5;
}

A.dark 
{
	COLOR: #b5b5b5
}
A 	
{
	COLOR: #88d9f3;
	TEXT-DECORATION: none
}

ul, ol, li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

h1, h2, h3, h4, h5 {
	margin: 0px;
	padding: 0px;
	font-size: 16px;
}

h1 span, h2 span, h3 span, h4 span, h5 span {
	float: right;
	font-size: 12px;
	font-weight: normal;
	line-height: 20px;
}

h1 {
	margin-bottom: 10px;
	padding: 5px 10px;
	border-top: 1px dotted #555;
	border-bottom: 1px solid #555;
}

h2 {
	padding: 0px 10px;
	margin-bottom: 5px;
}

h5 {
	margin-top: -8px;
	margin-bottom: 3px;
	font-size: 20px;
}

h6 {
	font-size: 14px;
	margin: 0px;
}

p, .line-height {
	line-height: 140%;
	padding: 0px 10px;
	margin: 0px;
}

.line-height {
	padding: 0px;
}

hr {
	border: 1px solid #363636;
	margin-top: 15px;
	clear: both;
}

.div-common {
	display: block;
	margin-bottom: 15px;
}

a.white {
	color: #FFF;
}

DIV 	
{
	FONT-WEIGHT: normal;
	FONT-SIZE: 8pt;
	COLOR: #666666;
	FONT-FAMILY: Tahoma, Arial, Verdana;
	WORD-WRAP: break-word
}

SPAN 	
{
	FONT-WEIGHT: normal;
	FONT-SIZE: 8pt;
	COLOR: #666666;
	FONT-FAMILY: Tahoma, Arial, Verdana;
	WORD-WRAP: break-word
}

#mainwrapper {			
	margin: 0 auto;
	width: 80%;
	text-align: left;
}

#header 
{
	PADDING-RIGHT: 10px;
	PADDING-LEFT: 150px;
	background-color: #131313;
	PADDING-BOTTOM: 10px;
	PADDING-TOP: 10px;
	margin-left: 0px;
	margin-bottom: 0px;
	color: #FFFFFF;
	font-size: 2.0em;
	font-weight: normal;
	background-image: url(logo.png);
	background-repeat:no-repeat;
	height:100px;
}

#header-bottom
{
	font-size: 14px;
	font-style: italic;
}
#menu
{
	background: url(header-background.png) repeat-x;
	height: 35px;
}

#menu UL 	
{
	PADDING-RIGHT: 0px;	
	PADDING-LEFT: 0px;	
	PADDING-BOTTOM: 0px;	
	MARGIN: 0px;	
	PADDING-TOP: 0px;	
	LIST-STYLE-TYPE: none;
}

#menu LI 	
{
	DISPLAY: inline;	
	LINE-HEIGHT: 29px
}

#menu LI 	
{
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;	
	PADDING-BOTTOM: 0px;	
	MARGIN: 0px;
	PADDING-TOP: 0px;	
	LIST-STYLE-TYPE: none;
	
}

#menu LI A 
{
		BORDER-RIGHT: #343434 1px solid;
		PADDING-RIGHT: 10px;
		PADDING-LEFT: 10px;
		FONT-SIZE: 14px;
		BACKGROUND: url(nav-background.png) repeat-x;
		FLOAT: left;
		PADDING-BOTTOM: 0px;
		MARGIN-LEFT: 1px;
		BORDER-LEFT: #343434 1px solid;
		COLOR: #fff;
		PADDING-TOP: 0px
}

#content {
	width: 100%;
	background-color:Black;
}

#content-left 
{
	float:left;
	width:180px;
	padding-top:10px;
}

#content-right 
{
	float:left;
	padding:15px;
	vertical-align:top;
}

#breadcrumb 
{
	width: 100%;
	font-family: Verdana;
	font-size: 9pt;
}

#breadcrumb a 
{
	color: #0066CB;
	text-decoration: none;
}

#breadcrumb a:hover 
{
	text-decoration: underline;
}

#TVDiv
{
	background-color: #131313;	
}
	
.menu_nodeStyle
{
	color:Black;
	font-family:"Verdana";
	font-size:8pt;
	padding: 5px 5px 5px 5px;
	width:100%;
	border:solid 1px White;
}

.menu_hoverNodestyle
{
	background-color:#CCCCCC;
	border:solid 1px #888888;
	cursor:pointer;
}

.menu_selectedNodestyle
{
	padding: 5px 5px 5px 5px;
	font-weight:bold;
	color:#0066CB;
}

.videoPreviewNormal 
{
	BORDER-RIGHT: #272727 1px solid;
	PADDING-RIGHT: 5px;
	BORDER-TOP: #272727 1px solid;
	PADDING-LEFT: 5px;	FLOAT: left;
	PADDING-BOTTOM: 5px;
	BORDER-LEFT: #272727 1px solid;
	WIDTH: 114px;
	PADDING-TOP: 5px;
	BORDER-BOTTOM: #272727 1px solid;
	BACKGROUND-COLOR: #131313;
	height: 210px;
}
.videoPreviewSelected
{
	BORDER-RIGHT: #88d9f3 1px solid;
	PADDING-RIGHT: 5px;
	BORDER-TOP: #88d9f3 1px solid;
	PADDING-LEFT: 5px;	FLOAT: left;
	PADDING-BOTTOM: 5px;
	BORDER-LEFT: #88d9f3 1px solid;
	WIDTH: 114px;
	PADDING-TOP: 5px;
	BORDER-BOTTOM: #88d9f3 1px solid;
	BACKGROUND: url(bg_videoselected.png);
	background-position: bottom;
	background-repeat:no-repeat;
	height: 210px;
}

.videoPreviewParent 	
{
	BORDER-TOP-WIDTH: 0px;
	BORDER-LEFT-WIDTH: 0px;
	Z-INDEX: 50;
	BORDER-BOTTOM-WIDTH: 0px;
	WIDTH: 114px;
	BORDER-RIGHT-WIDTH: 0px;
}


.smallThumb 	
{
	BORDER-RIGHT: #ffffff 1px solid;
	BORDER-TOP: #ffffff 1px solid;
	BORDER-LEFT: #ffffff 1px solid;
	WIDTH: 112px;
	BORDER-BOTTOM: #ffffff 1px solid;
	HEIGHT: 84px;
}

.videoPreviewTitle 	
{
	font-size:10px;
	CURSOR: pointer;
	COLOR: #07519a;
}

.videoDatePublication 	
{
	font-size: 9px;
}


.comment-content {	PADDING-LEFT: 27px;	BACKGROUND: url(comment-zoom.gif) no-repeat left top;	FLOAT: left;	MARGIN-LEFT: 3px;	WIDTH: 630px} /* Rule 12 of widgets.css */ .comment-body {	BORDER-RIGHT: #797979 1px solid;	PADDING-RIGHT: 5px;	BORDER-TOP: #797979 1px solid;	PADDING-LEFT: 5px;	BACKGROUND: #111;	FLOAT: left;	PADDING-BOTTOM: 5px;	BORDER-LEFT: #797979 0px solid;	WIDTH: 630px;	PADDING-TOP: 5px;	BORDER-BOTTOM: #797979 1px solid}
.comment-header {	PADDING-RIGHT: 0px;	PADDING-LEFT: 0px;	PADDING-BOTTOM: 5px;	MARGIN: 0px 5px 5px;	LINE-HEIGHT: 18px;	PADDING-TOP: 5px;	BORDER-BOTTOM: #656565 1px dotted;	HEIGHT: 18px}
.comment-user {	CLEAR: left} /* Rule 1 of widgets.css */ 
.avatar {	PADDING-RIGHT: 0px;	PADDING-LEFT: 0px;	FLOAT: left;	PADDING-BOTTOM: 0px;	WIDTH: 50px;	PADDING-TOP: 0px;	HEIGHT: 68px}
.avatar-online {	PADDING-RIGHT: 0px;	PADDING-LEFT: 0px;	FLOAT: left;	PADDING-BOTTOM: 0px;	WIDTH: 50px;	PADDING-TOP: 0px;	HEIGHT: 68px}
.avatar-offline {	PADDING-RIGHT: 0px;	PADDING-LEFT: 0px;	FLOAT: left;	PADDING-BOTTOM: 0px;	WIDTH: 50px;	PADDING-TOP: 0px;	HEIGHT: 68px}

.avatar IMG
{	
	width:48px;
	BORDER-RIGHT: #fff 2px solid;	
	PADDING-RIGHT: 1px;	
	BORDER-TOP: #fff 2px solid;	
	PADDING-LEFT: 1px;	
	BACKGROUND: #000;	
	PADDING-BOTTOM: 1px;	
	BORDER-LEFT: #fff 2px solid;	
	PADDING-TOP: 1px;	
	BORDER-BOTTOM: #fff 2px solid;
}

.avatar-online IMG
{	
	width:48px;
	PADDING-RIGHT: 1px;	
	PADDING-LEFT: 1px;	
	BACKGROUND: #000;	
	PADDING-BOTTOM: 1px;	
	PADDING-TOP: 1px;	
	border: 2px green solid;
}
.avatar-offline IMG
{	
	width:48px;
	PADDING-RIGHT: 1px;	
	PADDING-LEFT: 1px;	
	BACKGROUND: #000;	
	PADDING-BOTTOM: 1px;	
	PADDING-TOP: 1px;	
	border: 2px red solid;
}

.addToPlaylistModule 	
{
	LEFT: -15px;	
	POSITION: relative;	
	TOP: -16px;
} 

.addToPlaylistConfirm 	
{
	VISIBILITY: hidden;	
	POSITION: absolute;
} 
.addToPlaylist IMG 	
{
	BORDER-TOP-WIDTH: 0px;
	BORDER-LEFT-WIDTH: 0px;
	BORDER-BOTTOM-WIDTH: 0px;
	POSITION: absolute;
	BORDER-RIGHT-WIDTH: 0px;
}

.modalPopup {
	background-color:#7a7a7a;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
	color: White;
}
.modalHeader 
{
 cursor: move;
 background: url(header-background.png);
 border: solid 1px Gray;
 font-size:x-large;
}
.modalHeader p
{
	color:White;
}

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

/* Rating */
.ratingStar {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.filledRatingStar {
    background-image: url(FilledStar.png);

}

.emptyRatingStar {
    background-image: url(EmptyStar.png);
}

.savedRatingStar {
    background-image: url(SavedStar.png);
}

/*Upload*/

.drawer label
{
width: 100px;
float: left;
text-align: right;
margin-right: 10px;
display: block;
}

.channels label
{
width: auto;
float: none;
text-align: left;
margin-right: 10px;
display:inline;
}

.EditVideo input
{
	
}

.EditVideo textarea
{
	margin-left:4px;
}

.EditVideo fieldset
{
border: 1px solid #363636;
width: 60em
}

.EditVideo legend
{
color: #fff;
background: #363636;
border: 1px solid #363636;
padding: 2px 6px
}

.highlight 
{
    background-color: #88d9f3;
    z-index: 50;
}


H1 	
{
	FONT-SIZE: 16px;	
	MARGIN: 0px;	
	PADDING-RIGHT: 10px;
	BORDER-TOP: #555 1px dotted;	
	PADDING-LEFT: 10px;	
	MARGIN-BOTTOM: 10px;	
	PADDING-BOTTOM: 5px;	
	PADDING-TOP: 5px;	
	BORDER-BOTTOM: #555 1px solid
}

.drawer H1 	
{
	BORDER-RIGHT: #353535 1px dotted;	
	PADDING-RIGHT: 10px;	
	BORDER-TOP: #353535 1px dotted;	
	PADDING-LEFT: 10px;	
	BACKGROUND: #000000;	
	FLOAT: left;	
	MARGIN-BOTTOM: 0px;	
	PADDING-BOTTOM: 0px;	
	BORDER-LEFT: #353535 1px dotted;	
	PADDING-TOP: 5px;	
	BORDER-BOTTOM: #353535 1px;	
	POSITION: relative;	
	TOP: -15px;	
	HEIGHT: 22px;
	}
	
.drawerH1 	
{
	FONT-SIZE: 16px;
	font-weight:bold;	
	MARGIN: 0px;	
	PADDING-RIGHT: 10px;
	BORDER-TOP: #555 1px dotted;	
	PADDING-LEFT: 10px;	
	MARGIN-BOTTOM: 10px;	
	PADDING-BOTTOM: 5px;	
	PADDING-TOP: 5px;	
	BORDER-BOTTOM: #555 1px solid;
	BORDER-RIGHT: #353535 1px dotted;	
	PADDING-RIGHT: 10px;	
	BORDER-TOP: #353535 1px dotted;	
	PADDING-LEFT: 10px;	
	BACKGROUND: #000000;	
	FLOAT: left;	
	MARGIN-BOTTOM: 0px;	
	PADDING-BOTTOM: 0px;	
	BORDER-LEFT: #353535 1px dotted;	
	PADDING-TOP: 5px;	
	BORDER-BOTTOM: #353535 1px;	
	POSITION: relative;	
	TOP: -15px;	
	HEIGHT: 22px;
	}
	
.drawer H2
{
	font-size:small;
	BORDER-RIGHT: #353535 1px dotted;	
	PADDING-RIGHT: 10px;	
	BORDER-TOP: #353535 1px dotted;	
	PADDING-LEFT: 10px;	
	BACKGROUND: #000000;	
	FLOAT: left;	
	MARGIN-BOTTOM: 0px;	
	PADDING-BOTTOM: 0px;	
	BORDER-LEFT: #353535 1px dotted;	
	PADDING-TOP: 5px;	
	BORDER-BOTTOM: #353535 1px;	
	POSITION: relative;	
	TOP: -15px;	
	HEIGHT: 22px;
	}
.drawer-content 	
{
	CLEAR: both;	
	MARGIN: 0px 5px;	
	LINE-HEIGHT: 150%;
}

.drawer 	
{
	BORDER-RIGHT: #353535 1px dotted;	
	PADDING-RIGHT: 10px;	
	BORDER-TOP: #353535 1px dotted;	
	MARGIN-TOP: 15px;	
	PADDING-LEFT: 10px;	
	BACKGROUND: #000000;	
	MARGIN-BOTTOM: 30px;	
	PADDING-BOTTOM: 10px;	
	BORDER-LEFT: #353535 1px dotted;	
	PADDING-TOP: 0px;	
	BORDER-BOTTOM: #353535 1px dotted;
}


.input-box 	
{
	BORDER-RIGHT: #fff 1px solid;	
	PADDING-RIGHT: 5px;	
	BORDER-TOP: #fff 1px solid;	
	PADDING-LEFT: 5px;	
	BACKGROUND: url(input-background.gif) #fff repeat-x;
	PADDING-BOTTOM: 3px;	
	MARGIN: 1px 0px 10px;	
	BORDER-LEFT: #fff 1px solid;	
	COLOR: #000;	
	PADDING-TOP: 3px;	
	BORDER-BOTTOM: #fff 1px solid;
}

.shaded 	
{
	BORDER-RIGHT: #363636 1px solid;	
	PADDING-RIGHT: 10px;	
	BORDER-TOP: #363636 1px solid;	
	PADDING-LEFT: 10px;	
	BACKGROUND: #131313;	
	PADDING-BOTTOM: 10px;	
	BORDER-LEFT: #363636 1px solid;	
	PADDING-TOP: 10px;	
	BORDER-BOTTOM: #363636 1px solid;
	DISPLAY: block;	
	MARGIN-BOTTOM: 15px;
} 

.listing-div 	
{
	BORDER-BOTTOM: #363636 2px solid;	
	HEIGHT: 65px;
}

.listing-div IMG
{
	BORDER-RIGHT: #fff 2px solid;	
	PADDING-RIGHT: 1px;	
	BORDER-TOP: #fff 2px solid;	
	PADDING-LEFT: 1px;	
	BACKGROUND: #000;	
	PADDING-BOTTOM: 1px;	
	BORDER-LEFT: #fff 2px solid;	
	PADDING-TOP: 1px;	
	BORDER-BOTTOM: #fff 2px solid;
}

.listing-div H3
{
	FONT-SIZE: 16px;	
	margin-left:50px;	
	PADDING-RIGHT: 10px;	
	PADDING-LEFT: 10px;	
	MARGIN-BOTTOM: 5px;	
	PADDING-BOTTOM: 0px;	
	PADDING-TOP: 0px;
}
A.title 
{
	FONT-WEIGHT: bold;
	COLOR: #ffffff;
}

UL.channel-videos 	
{
	FLOAT: right;
	PADDING-RIGHT: 0px;	
	PADDING-LEFT: 0px;	
	PADDING-BOTTOM: 0px;	
	MARGIN: 0px;	
	PADDING-TOP: 0px;	
	LIST-STYLE-TYPE: none;
} 

UL.channel-videos LI 
{	
	DISPLAY: inline;
	PADDING-RIGHT: 0px;	
	PADDING-LEFT: 0px;	
	PADDING-BOTTOM: 0px;	
	MARGIN: 0px;	
	PADDING-TOP: 0px;	
	LIST-STYLE-TYPE: none;
} 

ul.radiolist
{
	clear:both;
	list-style:none;
	margin-left:0;
	padding-left:0;
	width:100%;
}
ul.radiolist li label
{
	padding-left:.5em;
	width: 100px;
	float:none;
	text-align:left;
	margin-right: auto;
	display:inline;
}
